<template>

  <div>

<!--    <el-button @click="dialogVisible = true">详情</el-button>-->

    <el-dialog :title="$tt('tip_warehouse_rent_detail')" :visible.sync="dialogVisible" width="1200px" destroy-on-close>

      <ex-table-auto
        class="el-table-nowwarp"
        ref="fmsTenantDetailGrid"
        :url="'/fms-api/customer/CustomerOrderRpc/queryTenantOrderDetails.json?fmsOrderId=' + fmsOrderId"
        autoFill
        autoPage
        border>

        <el-table-column type="index" label="#" width="43"></el-table-column>
        <el-table-column prop="skuId" label="sku" min-width="14">
          <template slot-scope="scope">
            {{ scope.row.skuName + ' [' + scope.row.skuOnlyCode +']' }}
          </template>
        </el-table-column>
        <el-table-column prop="totalQty" :label="$tt('label_sum_stock')" min-width="10" align="right"></el-table-column>
        <el-table-column prop="freeQty" :label="$tt('label_rent_free_stock_count')" min-width="10" align="right"></el-table-column>
        <el-table-column prop="skuVolume" :label="$tt('label_sku_volume')"  min-width="10" align="right"></el-table-column>
        <el-table-column prop="volume" :label="$tt('label_warehouse_rental_volume')" min-width="10" align="right"></el-table-column>
        <el-table-column prop="totalVolume" :label="$tt('label_total_volume')" min-width="10" align="right"></el-table-column>
      <!--  <el-table-column prop="freeAge" label="免租期（天）" min-width="10" align="right"></el-table-column>-->
        <el-table-column prop="skuAge" :label="$tt('label_stock_age_day')" min-width="10" align="right"></el-table-column>
        <el-table-column prop="priceUnit" :label="$tt('label_unit_price')" min-width="10" align="right">
          <template slot-scope="scope">
            {{ scope.row.priceUnit + ' [' + scope.row.currencyType +']' }}
          </template>
        </el-table-column>
        <el-table-column prop="additionalAmount" :label="$tt('label_pms_host_add_price')" min-width="10" align="right">
          <template slot-scope="scope">
            {{ scope.row.additionalAmount + ' [' + scope.row.currencyType +']' }}
          </template>
        </el-table-column>

        <el-table-column prop="amount" :label="$tt('label_warehouse_rent_amount')" min-width="10" align="right"></el-table-column>

<!--        <el-table-column prop="status" label="" width="70">-->
<!--          <template slot-scope="scope">-->
<!--            <el-button type="text" @click="downloadFile(scope.row.key)">下载</el-button>-->
<!--          </template>-->
<!--        </el-table-column>-->

      </ex-table-auto>

      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogVisible = false">{{$tt('label_close')}}</el-button>
      </div>

    </el-dialog>

  </div>

</template>
<script>
  export default {



    data() {
      return {

        dialogVisible: false

      }
    },
    created() {
      var _this = this

    },

    watch: {
      value: function (val, old) {
      }
    },

    destroyed() {

    },

    computed: {},

    updated() {
    },

    methods: {
      showDetail(){
        // this.fmsOrderId = fmsOrderId
        this.dialogVisible = true
      }
    },
    props: {

      fmsOrderId: {
        type: String,
        default: '-1'
      },

      value: null

    }



  }

</script>
